<div class="page-sidebar-wrapper">
    <div ng-class="page_sidebar_class">
        <!-- BEGIN SIDEBAR MENU -->
        <ul class="page-sidebar-menu">
            <li>
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                <div class="sidebar-toggler hidden-phone" style="margin-top: 5px; margin-bottom: 5px"
                     ng-click="on_click_page_sidebar_toggler()"></div>
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
            </li>

            <li class="menu" ng-repeat="item in items">
                <a href="javascript:;" ng-click="item.active=!item.active">
                    <i class="fa fa-cogs"></i>
                    <span class="title" ng-bind="item.title"></span>
                    <span class="selected"></span>
                    <span ng-class=" {arrow:true,open:item.active}"></span>
                </a>
                <ul class="sub-menu" style="display: block;" ng-show="item.active">
                    <li class="menu" ng-repeat="childItem in item.items" ng-show="item.active">
                        <a href="javascript:;" ng-href="{{childItem.url}}">
                            <i class="fa fa-dot-circle-o"></i>
                            <span ng-bind="childItem.title"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <!-- END SIDEBAR MENU -->
    </div>
</div>